<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>系列管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico"> 
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/zTreeStyle/demo.css" type="text/css">
    <link rel="stylesheet" href="__STATIC__/zTreeStyle/zTreeStyle.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
       <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
        <script src="__STATIC__/sc/js/page.js"></script>
    <style>
        #alertmod_table_list_2 {
            top: 900px !important;
        }
       .alerts{display:none;position:fixed;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
       .alerts .alerts_content{background:#fff;position: fixed;top: 50%;left: 50%; width: 700px;min-height: 500px;margin: -220px 0 0 -350px;padding:5px;border:4px solid #ccc/* margin 负值为宽高的一半 */}
        .wait{ display:none;background:#f4f4f5;position: fixed;top: 50%;left: 50%; width: 700px;min-height: 250px;margin: -220px 0 0 -350px;padding:5px;border:4px solid #ccc/* margin 负值为宽高的一半 */}
       .alerts .alerts_content h3{font-weight: normal;text-align:left;line-height: 24px;font-size: 16px;padding-left: 1%;width: 99%;margin-bottom:30px;background: #d0e0e0}
       .alerts .alerts_content .alerts_form{
        width:100%;
       }
         .alert_addNewZone_tree{display:none;position:fixed;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
       .alert_addNewZone_tree .alert_addNewZone_content_tree{background:#fff;position: fixed;top: 50%;left: 50%; width: 500px;height: 300px;margin: -150px 0 0 -250px;border:4px solid #ccc;box-sizing: border-box;overflow: hidden;/* margin 负值为宽高的一半 */}
       .alert_addNewZone_tree .alert_addNewZone_content_tree h3{font-weight: normal;text-align:left;line-height: 24px;font-size: 16px;padding-left: 1%;width: 100%;background: #d0e0e0}
       .alert_addNewZone .alert_addNewZone_content .alert_addNewZone_form{
        width:100%;
       }
       .alert_addNewZone_tree .alert_addNewZone_content_tree .alert_addNewZone_form_tree{
        height: 280px;
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
       }
       .alerts .alerts_content .alerts_form form{width: 100%;}
       .alerts .alerts_content .alerts_form form div{margin-bottom:30px;width: 100%;text-align: center;}
       .alerts .alerts_content .alerts_form form div label{display:inline-block;width: 130px;text-align: right;}
       .alerts .alerts_content .alerts_form form div:nth-of-type(1) input{margin-right: 28px;}
        .mtp{margin-top:3px;}
        .no-padding{padding: 0;}
        #gopage{color:blue;cursor: pointer;}
        #firstpage{cursor: pointer;}


           .alert_addNewZone_tree{display:none;position:fixed;top:0;left:0;width: 100%;height: 100%;background: rgb(255,255,255,0.7);z-index: 200}
       .alert_addNewZone_tree .alert_addNewZone_content_tree{background:#fff;position: fixed;top: 50%;left: 50%; width: 500px;height: 350px;margin: -150px 0 0 -250px;border:4px solid #ccc;box-sizing:border-box;overflow: hidden;/* margin 负值为宽高的一半 */}
       .wait,.waits{background:#f4f4f5;position: fixed;top: 50%;left: 50%; width: 500px;height: 300px;margin: -150px 0 0 -250px;padding:5px;border:4px solid #ccc/* margin 负值为宽高的一半 */}
       .alert_addNewZone_tree .alert_addNewZone_content_tree h3{font-weight: normal;text-align:left;line-height: 24px;font-size: 16px;padding-left: 1%;width: 100%;background: #d0e0e0}
    </style>
</head>

<body class="white-bg" style="color:#333;">
         <div class="page-heade">
       <h2 class="title_color text-center">产品系列管理</h2>
    </div>
        <div class="col-md-12 mtp" style="padding:3px;">
			
				<table class="table table-bordered" style="width: 100%;">
					<tbody>
						<tr>
							<td colspan="6">
								<input type="button" value="新增" class="btn btn-info add"/> 
                                <input type="button" value="导入" class="btn btn-info"/> 
                                <input type="button" value="导出Excel" class="btn btn-info"/> 
                                <input type="button" value="回收站" class="btn btn-info huishou"/> 
	            				
							</td>
						</tr>
						<form action="#" method="post" id="f1" class="formpage">
							 <input type="hidden" value='{$page}' name="page" id="page-go"/>
                			<input type="hidden" value='{$list}' name="list" id="list-go"/>
                            <tr>
                                <td colspan="6"> 模糊查询:</td>
                            </tr>
                			<tr>
                                <td style="width: 140px;">产品系列:</td>
                                <td><input type="text" value='{$data.series_name}' name="series_name" class="form-control" /></td>
                                <td style="width: 140px;">产品品类:</td>
                                 <td> <input type="text" value='{$data.category_name}' name="category_name" class="form-control" /></td>
								<td style="width: 140px;">产品品牌:</td>
                                <td><input type="text" value='{$data.brand_name}' name="brand_name" class="form-control" /></td>
                            </tr>
                             <tr>
                                 <td colspan="6" class="text-center"><input type="button" value="查询" class='btn btn-info' id="check"/>
                                    <input type="button" value="清空查询条件" class='btn btn-info' id="clear_check"/></td>
                             </tr>  
						</form>
					</tbody>
				</table>
				{if condition="$sum neq 0"}
				<table class="table table-hover table-bordered bud_hei table-striped bud_hei text-center" style="width: 100%;">
					<thead>
						<tr class='info'>
							<td style="width:5%;">序号</td>
							<td style="width:15%;">产品系列</td>
							<td style="width:10%;">产品品类</td>
							<td style="width:10%;">产品品牌</td>
							<td style="width:10%;">创建人</td>
							<td style="width:15%;">创建时间</td>
							<td style="width:10%;">修改人</td>
							<td style="width:15%;">修改时间</td>
							<td style="width:10%;">操作</td>
						</tr>
						
					</thead>
					<tbody>
						{volist name="dataps" id="vo"}
							<tr>
								<td style="width:5%;">{$i}</td>
								<td style="width:15%;">{$vo.series_name}</td>
								<td style="width:10%;">{$vo.category_name}</td>
								<td style="width:10%;">{$vo.brand_name}</td>
								<td style="width:10%;">{$vo.cname}</td>
								<td style="width:15%;">{$vo.created_on}</td>
								<td style="width:10%;">{$vo.mname}</td>
								<td style="width:15%;">{$vo.modifiled_on}</td>
								<td style="width:10%;"  sid='{$vo.id}'>
									<a href="javascript:;" class='updatese'>修改</a>
									<a href="javascript:;" class='dropse'>删除</a>
								</td>
							</tr>
						{/volist}
						
					</tbody>

				</table>
			<h5 class="text-center" id="pagesc" style="font-size: 13px;font-weight: 500">
                      <script>
                            $(function(){
                                pageSC("pagesc",{$sum},{$page},{$maxpage})
                            })
                        </script>
					每页显示
					<select id="pagesize">
						<option value='10' {if condition="$list eq 10"}selected{/if}>10条</option>
						<option value='15'{if condition="$list eq 15"}selected{/if}>15条</option>
						<option value='20'{if condition="$list eq 20"}selected{/if}>20条</option>

					</select>
				</h5>
				{else/}
				<h3>对不起没有查询到符合条件的信息</h3>
				{/if}
			
        </div>
   <!--新增弹框-->
	<div class="alert_addbar alerts">
        <div class="alerts_content animated fadeIn">
            <h3><span id="istj">添加系列</span><a style="float: right;margin-right: 10px;font-size: 30px" id="del_this">&times;</a></h3>
            <div  class="alerts_form">
                <form id="newbar">
                   	<table class="table table-bordered">
							<input type="hidden" value="0" id="isupdate"/>
							<tr>
								<td class="text-right" >品类名称<span style="color: red">*</span>:</td>
								<td>
									<span id="cate_kg"></span>
									<input type="hidden" id="cate_id" value=''/>
									<a href="javascript:;" id="choose_ser">选择</a>
								</td>
							</tr>
							<tr>
								<td class="text-right" >系列名称<span style="color: red">*</span>:</td>
								<td><input type="text" class="form-control"  id="series_name"/></td>
                                    
							</tr>
						
                   	</table>
                   	<div class="row text-center">

                        
						<input type="button" value="保存" id="bc" class="btn btn-success"/>
                       
                   	</div>
                </form>
            </div>
        </div>
        <div class="wait">
   				<div class="ibox ">
                    <div class="ibox-title">
                        <h5>正在处理，请稍后.....</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="spiner-example">
                            <div class="sk-spinner sk-spinner-chasing-dots">
                                <div class="sk-dot1"></div>
                                <div class="sk-dot2"></div>
                            </div>
                        </div>
                    </div>
                </div>

	        </div>
    </div>
        <!--新增弹框-->
         <!--树状弹框-->
		<div class="alert_addNewZone_tree">
	        <div class="alert_addNewZone_content_tree">
	            <h3><span id="txtree"></span><a style="float: right;margin-right: 10px;font-size: 30px" id="del_this1">&times;</a></h3>
	            <div  class="alert_addNewZone_form_tree" id="fenqu_fzr">
	              <ul id="tree_em" class="ztree"></ul>
	               <div class="quedingbtn" style="position: absolute;right: 0;bottom: 10px;"><button class="btn btn-success" id="qd">确定</button></div>
	            </div>
	            
	        </div>
	        <div class="waits">
   				<div class="ibox ">
                    <div class="ibox-title">
                        <h5>正在处理，请稍后.....</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="spiner-example">
                            <div class="sk-spinner sk-spinner-chasing-dots">
                                <div class="sk-dot1"></div>
                                <div class="sk-dot2"></div>
                            </div>
                        </div>
                    </div>
                </div>

	        </div>
  		 </div>
        <!--树状弹框-->
    <!-- 全局js -->
 
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
     <!-- Peity -->
    <script src="__STATIC__/layout/js/plugins/peity/jquery.peity.min.js"></script>

    <!-- 自定义js -->
    <script src="__STATIC__/layout/js/content.js?v=1.0.0"></script>
     <script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
    
    <!-- ztree -->
    <script type="text/javascript" src="__STATIC__/zTreeStyle/jquery.ztree.core.js"></script>
    <script type="text/javascript" src="__STATIC__/zTreeStyle/jquery.ztree.excheck.js"></script>
    <!--统计代码，可删除-->
	<script>
	 //删除
        $(".dropse").click(function(){
             var sid=$(this).parent().attr("sid");
           
            swal({
                            title: "提示",
                            text: "您真的要删除这个系列么？",
                            type: "warning",
                            showCancelButton: true,
                            confirmButtonColor: "#FF3333",
                            confirmButtonText: "是的我要删除",
                            cancelButtonText: "取消",
                            closeOnConfirm: true
                        },
                        function (isConfirm) {
                        	if (isConfirm) {
                           //alert(cid);
                            $.post("{:url('Productsseries/dropser')}",{sid:sid},function(re){
                            	//alert(re);
                                if(re==1){
                                    swal({
                                    title: "完成",
                                    text:  "系列已删除",
                                    type: "success"
                                    },function(){
                                        location.href='{:url("Productsseries/series")}';
                                        
                                    });
                                }else{
                                     swal({
                                    title: "错误",
                                    text:  "系统繁忙请稍后再试",
                                    type: "warning"
                                    });
                                }
                            })
                        }
                        })
                           
        })
		function clear_bran(){
			$("#cate_id").val("");
			$("#cate_kg").html("");
		}
		//添加
        $(".add").click(function(){
             $("#isupdate").val(0);
             clear_bran();
            $(".alert_addbar").show();
            $(".alert_addbar input[type=text]").val("");

            $("#istj").html("添加系列");
        });
         //修改
        $(".updatese").click(function(){

        	 var sid=$(this).parent().attr("sid");
            $.post("{:url('Productsseries/getse')}",{sid:sid},function(re){
               // alert(re);
                var cate=JSON.parse(re);
                
                $("#isupdate").val(cate["id"]);
                $("#series_name").val(cate["series_name"]);
                $("#cate_id").val(cate["cid"]);
				$("#cate_kg").html("<span style='background:#d0e0e0;border:1px solid #ccc;border-radius:5px;padding:2px 3px;font-size:12px'>"+cate["category_name"]+"&nbsp;&nbsp;<span onclick='clear_bran();' style='cursor:pointer'>x</span>");
                $(".alert_addbar").show();
           
                $("#istj").html("编辑系列");
            })
        })
        var regex=/^[a-zA-Z0-9_\-()（）\u4e00-\u9fa5]{1,30}$/;
        //保存
        $("#bc").click(function(){
        	var msg="";
			if($("#series_name").val()==""){
				msg="系列名不能为空";
			}
			else if(!regex.test($("#series_name").val())){
				msg="系列名为字母，数字，中文，()，_，- 组成且长度不超过30";
			}else if($("#cate_id").val()==""){
				msg="品类必须选择";
			}
			if(msg!=""){
				swal({
					title: "错误",
					text:  msg,
					type: "warning"
				});
			}else{
				//基本验证通过
				$(".alerts_content").hide();
        		$(".wait").show();
        		$.post("{:url('Productsseries/new_series')}",{id:$("#isupdate").val(),series_name:$("#series_name").val(),cate_id:$("#cate_id").val()},function(re){
                    $(".alerts_content").show();
                    $(".wait").hide();
        				if(re==1){
                            swal({
                                title: "完成",
                                text:  "品类已添加",
                                type: "success"
                            },function(){
                                location.href='{:url("Productsseries/series")}';
                            });
                        }else{
                            var errormsg="";
                            switch(re){
                                case 2:errormsg="系列名不能为空";break;
                                case 3:errormsg="品类必须选择";break;
                                case 4:errormsg="该系列已存在";break;
                                default:errormsg="系统繁忙请稍后再试";break;
                            }
                            swal({
                                title: "错误",
                                text: errormsg,
                                type: "warning"
                            });

                        }
        		})
			}
        })
        $("#del_this").click(function(){
            $(".alert_addbar").hide();
             $("#isupdate").val(0);
             clear_bran();
            $(".alert_addbar input[type=text]").val("");
           
           
        });
	 // //翻页
  //       $("#pagesize").change(function(){
  //           $("#page-go").val(1);
  //           $("#list-go").val($(this).val());
  //           document.getElementById("form_check").submit();
  //       })
  //       $("#gopage").click(function(){
  //            $("#page-go").val($("#page").val());
  //             document.getElementById("form_check").submit();
  //       })

  //       function prePage(val){
  //             $("#page-go").val(val);
  //             document.getElementById("form_check").submit();
  //       }
  //       nextPage
  //       $("#page").keyup(function(){

  //           if(isNaN(parseInt($(this).val()))){
  //               $(this).val(1);
  //           }else{
  //               $(this).val(parseInt($(this).val()));
  //           }
            
  //       })
  //       $("#fistpage").click(function(){
  //             $("#page-go").val(1);
  //             document.getElementById("form_check").submit();
  //       })
        $("#check").click(function(){
        	  $("#page-go").val(1);
              document.getElementById("f1").submit();
        })
        $("#clear_check").click(function(){
        	$("input[type='text']").val("");
        	$("#page-go").val(1);
        	 document.getElementById("f1").submit();
        })

        //树
         function disabledNode(e) {
            var zTree = $.fn.zTree.getZTreeObj("tree_em"),
            disabled = e.data.disabled,
            nodes = zTree.getSelectedNodes();
            if (nodes.length == 0) {
                alert("请先选择一个节点");
            }

            for (var i=0, l=nodes.length; i<l; i++) {
                zTree.setChkDisabled(nodes[i], disabled);
            }
        }
        //选择岗位
        var setting_b={
            check: {
                enable: true,
                chkStyle: "radio",
                radioType: "all"
            },
            data: {
                simpleData: {
                    enable: true
                }
            },
            callback:{
                onCheck: bOnCheck
            }
        };
           function bOnCheck (event, treeId, treeNode){
        	if(treeNode.checked==true){
               	$("#cate_id").val(treeNode.eid);
				$("#cate_kg").html("<span style='background:#d0e0e0;border:1px solid #ccc;border-radius:5px;padding:2px 3px;font-size:12px'>"+treeNode.name+"&nbsp;&nbsp;<span onclick='clear_bran();' style='cursor:pointer'>x</span>");
                
            }else{
              clear_bran();
            }
        }
         //获取岗位列表
        $("#choose_ser").click(function(){
            $(".alert_addNewZone_tree").show();
            $("#txtree").html("品类列表");
            $("#fenqu_fzr").hide();
                $(".waits").show();

           $.post("{:url('Productscategory/getcatelist')}",{cid:$("#cate_id").val()},function(re){
           	
           		var data_job=new Array();
           		if(re!=""){
					data_job=JSON.parse(re);
           		}
                
                
                $("#fenqu_fzr").show();
                $(".waits").hide();
                $.fn.zTree.init($("#tree_em"), setting_b, data_job);
                $("#disabledTrue").bind("click", {disabled: true}, disabledNode);
                $("#disabledFalse").bind("click", {disabled: false}, disabledNode);
           })
       })
          //关闭树
        
    	$("#del_this1").click(function(){
             
    		$(".alert_addNewZone_tree").hide();
    	})
        $("#qd").click(function(){
            
            $(".alert_addNewZone_tree").hide();
        })

          $(".huishou").click(function(){
            location.href='{:url("Productsseries/huishou")}';
        })
	</script>	
</body>

</html>
